﻿<!DOCTYPE html>
<html class="gr__getpapercss_com"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="AI based Resume screening">
<meta name="author" content="CodeByte!">


<link rel="shortcut icon" href="" type="image/x-icon">



  <title>CodeByte</title>
  
<link rel="stylesheet" href="./static/paper.css">
<link rel="stylesheet" href="./static/demo.css">

<script type="text/javascript" async="" src="./static/analytics.js"></script>
<script async="" src="./static/js"></script>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>


<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-109223301-1');
</script>


<style>

.form-group textarea{
  width: 65%;
  height: 120px;
}


body {
    background-image: url("./static/geometry2.png");
}

#upload_button {
  display: inline-block;
}
#upload_button input[type=file] {
  display:none;
}


</style>

<script>

$("#formid").submit(function(e) {

	$("#formdiv").hide();
	$("#resultdiv").show();
	resetResult();

	console.log("submit");
   	console.log($("#formid").serialize());

/* var url = ""; 
    $.ajax({
           type: "POST",
           url: url,
           data: $("#formid").serialize(),
           success: function(data)
           {
               alert(data); 
           },
	   error: function(data)
           {
               alert("error"); 
           }
         });*/

    e.preventDefault(); 
});



$("resetResult").click(function(){
	$("#formdiv").show();
	$("#resultdiv").hide();
});

$( document ).ready(function() {
	$("#resultdiv").hide();
});

function resetResult(){
	$("#result").innerHTML = "Processing....";
}

</script>




</head>




<body data-gr-c-s-loaded="true">
  <div id="top" class="row site">
    <div class="sm-12 md-8 col">
      <div class="paper">
        <div class="demo-title">
          <div class="row flex-center">
            <div class="text-center">
              <h1>CodeByte</h1>
              <h3>The automatic resume scruitny system</h3>
            </div>
          </div>
        </div>
        <div class="to-top">
          <a href="#top" class="paper-btn margin">^</a>
        </div>
        <div class="section">
          
		
            {% if session.logged_in %}
		<table class="table-hover">
			<thead>
			  <tr>
				<th>Rank</th>
				<th>Resume</th>
			  </tr>
			</thead>
			{% for r in results :%}
				<tbody>
			  		<tr>
						<td>{{r.rank}}</td>
						<td><a href="{{url_for('custom_static', filename=r.filename)}}">{{r.filename}}</a></td>
				
			  		</tr>
				</tbody>
			{% endfor %}

		</table>
<br>
          <form action="/" method="GET" style="text-align:center">
        
            <button type="submit">Do it again</button>

          </form>
          {% endif %}
	</div>


          
      </div>
    </div>

    <div class="sm-12 md-4 col sidebar">
    
    <div class="paper">
      <h3 class="sidebar-title" style="text-align:center">
        CodeByte
      </h3>
      
          <div class="row flex-center">
              <p>  Rainamaker is a app to help employers by analysing resumes and CVs, surfacing candidates that best match the position and filtering out those who don't.
              </p> 
              <p>Uses recommendation engine techniques such as KNN, content based filtering for fuzzy matching job description with multiple resumes.
                </p>
            </div>
     
    </div>
    
    <div class="paper">
      <div class="row flex-center">
        <p>Made with 💛 @ <italic>CodeByte</italic>!</p>
      </div>
    </div>
</div>

</div>




</body></html>
